.video-js {
  width: 100%;
  max-height: 100%;
  height: 0;
  padding-top: 62.5%;
}
.video-info-stats svg {
  fill: #383838;
}
.content {
  display: grid;
  grid-template-columns: 70% 1fr;
  gap: 2rem;
  padding: 1.3rem 1.3rem 7rem;
}
.video-container .video-info {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.video-container .video-info-stats {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.video-container .video-info span {
  color: #ccbea4;
}
.video-container .channel-info-description {
  border-bottom-color: #887d6b;
  border-top-color: #887d6b;
  padding-top: 1rem;
  border-bottom: 1px solid #383838;
  border-top: 1px solid #383838;
}
.video-container .channel-info-description p {
  font-size: 0.9rem;
  padding: 1rem 0;
}
.video-container .channel-info-flex {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}
.flex-row {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}
.flex-row img,
.flex-row svg {
  margin-right: 0.8rem;
}
.md {
  height: 50px;
  width: 50px;
  border-radius: 25px;
}
.avatar {
  height: 22px;
  width: 22px;
  border-radius: 10px;
  object-fit: cover;
}
.secondary {
  color: #ccbea4;
}
.small {
  font-size: 0.9rem;
}
.comment-container {
  margin: 1rem 0;
}
.comment-container h3 {
  margin-bottom: 0.8rem;
}
.comment-container .add-comment {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 2.3rem;
}
.comment-container .add-comment img {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  object-fit: cover;
  margin-right: 1rem;
}
.comment-container .add-comment textarea {
  background: inherit;
  border-top: none;
  border-right: none;
  border-left: none;
  border-image: initial;
  border-bottom: 1px solid #383838;
  color: #fff;
  width: 100%;
  height: 100%;
}
.comment-container .comment {
  display: flex;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}
.comment-container .comment img {
  width: 40px;
  object-fit: cover;
  height: 40px;
  border-radius: 20px;
  position: relative;
  top: 2px;
  margin-right: 1rem;
}
.comment-container .comment {
  display: flex;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}
.secondary {
  color: #ccbea4;
}
.related-videos div {
  margin-bottom: 1rem;
}
.related-videos img {
  height: 140px;
}
.video-info-stats div {
  margin-left: 6rem;
  position: relative;
  top: -2px;
}
.dteCCc .thumb {
  width: 100%;
  height: 180px;
  object-fit: cover;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 5px 0;
  border-radius: 4px;
}
.related-videos div {
  margin-bottom: 1rem;
}
.dteCCc .video-info-container {
  display: flex;
  margin-top: 0.3rem;
}
.video-info span {
  color: #ccbea4;
}
.dteCCc .video-info span {
  font-size: 0.9rem;
  padding-right: 0.1rem;
  color: #aaa;
}
.subscribe {
  padding: 0.4rem 1rem;
  border-radius: 3px;
  letter-spacing: 1.1px;
  background: #383838;
  border: 1px solid #383838;
  color: #aaa;
}
.active.subscribe {
  background: #c00;
  color: #fff;
  border: 1px solid #c00;
}
